<!DOCTYPE html>
<html lang="ko">
	<head>
		<meta charset="utf-8">

		<title>09html이미지</title>

		<!-- Replace favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
		<link rel="shortcut icon" href="/favicon.ico">
		<link rel="apple-touch-icon" href="/apple-touch-icon.png">
	</head>

	<body style="background: white">
		<h1>이미지</h1>
		<img src="images/hyoju/1.jpg"
		alt="한효주1" title="한효주1"
		width="300px" height="500px"/>
		<h1>이미지</h1>
		<img src="images/hyoju/2.jpg"
		alt="한효주2" title="한효주2" />
		<h1>이미지</h1>
		<img src="images/hyoju/4.JPG"
		alt="한효주3" title="한효주3" />

		<img src="images/hyoju/3.JPG"
		alt="한효주4" title="한효주4" />
		<hr />

		<p><img src="images/hyoju/20130327_181813.jpg"
			alt="한효주4" title="한효주4" align="right" />
			배우 엄정화, 엄지원, 김민희 그리고 한효주까지. 올 한 해 스크린을 빛낸 여배우들이 가려졌다. 이 네 명의 배우들이 2013년 한 해 펼친 활약은 극장을 찾은 관객들을 즐겁게 했으며 앞으로 이들이 펼칠 또 다른 활약을 기대케 했다.
			올 한 해 영화계의 모든 시상식이 마무리 된 가운데 대종상과 대한민국문화연예대상의 엄정화, 청룡상과 부일상의 한효주, 영평상의 엄지원, 그리고 여성영화인상의 김민희 등이 올 해를 빛낸 여배우로 선정됐다.
			영화 '몽타주'의 엄정화는 지난달 1일 서울 여의도 KBS홀에서 열린 제50회 대종상영화제에서 여우주연상을 수상하는 쾌거를 안았으며 지난달 28일에는 여의도 63시티에서 진행된 제20회 대한민국문화연예대상에서 영화 부문 최우수연기상을 수상하는 등 2관왕에 올랐다.
		</p>

		<hr />
		<figure>
			<img src="images/hyoju/14.jpg"
			alt="한효주4" title="한효주4" />

			<figcaption>
				그림 11-35. 이쁜여자

			</figcaption>
		</figure>

		<hr />

		<figure>

			<img src="images/hyoju/31.gif">
			<figcaption>

				그림 24-98. 움직이는 그림
			</figcaption>

		</figure>

		<!--img : 이미지
		다양한 이유로 웹 페이지에 이미지를 추가 로고,사진,삽화,다이어그램,차트등을 사용
		CSS를 이용해서 이미지를 삽입가능(스프라이트)

		일반적으로 이미지 파일은 images폴더에 저장

		img태그로 이미지를 추가할 수 있음
		src 속성은 브라우저에게 이미지 위치를 알려줌
		alt 속성은 이미지를 볼 수 없는 경우 설명을 제공
		title 속성은 이미지에 대한 추가 정보 제공

		이미지의 크기는 height, width속성으로 지정
		이미지 크기 단위는 픽셀px로 지정

		figure : 태그로 이미지와 캡션을 하나로 묶을 수 있음. 

		align속성을 이용하면 페이지의 다른 요소를 이미지 주위에 정렬시킬수 잇음
		좌우 : left,right
		상하 : top,bottom

		이미지는 jpeg,gif,png형식을 사용
		이미지의 크기대로 페이지에 표시
		올바른 해상도(72~96dpi)를 사용할 것
		인쇄물은 150~300dpi해상도를 사용

		jpeg : 다양한 색상으로 구성된 사진
		gif/png : 동일한 색상이 넓은 영역에 분포(로고등)

		애ㄴ메이션 GIF
		이미지를 프레임 단위로 연속해서 보여줌
		이를 이용해서 간단한 애니메이션을 만들 수 있음

		이미지 투명도
		웹에서 부분적으로 투명하거나 비치는 ㄴ이미지는 투명gif나 반투명 png로 만들 수 있음.z

		간단한 이미지 작업용 도구
		photoshop (너무무거움)
		paint.net(추천)
		pixlr.com
		-->
		<hr />
		<img src="images/icons/apple투명.png" />
		<img src="images/icons/window투명.png" />
		<hr />
		<figure>
			<img src="http://placehold.it/320x250"/>
			<figcaption>의미없는 이미지</figcaption>
			
		</figure>
		
		<hr />
		<figure>
			<img src="https://www.google.co.kr/images/srpr/logo11w.png"/>
			<figcaption>외부이미지 가져와서출력</figcaption>
			
		</figure>
	</body>
</html>
